<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        /* 
        promise的then方法
            then方法是同步绑定的,但是then中的回调函数是异步的,需要等到调用then方法的promise实例状态发生变化的时候
            then方法接收两个回调函数,分别处理成功promise实例和失败promise实例
            then中接收的两个回调函数接收两个参数,分别是成功promise和失败promise实例的值

        then方法的返回值
            1.then默认返回一个成功状态的promise实例,值是回调函数的返回值
            2.当then中回调函数返回一个promise实例的时候,则then方法的返回值,和这个promise实例保持一致
            3.当then中有报错但是没有被处理的时候,则then直接返回失败的的promise实例,值为错误信息
            无论是成功的promise实例还是失败的promise实例调用then,then的返回值规则保持不变

        catch方法:
            当调用catch方法的promise实例变成失败状态,则会执行catch中的回调函数
            catch的作用和then方法的第二个回调函数的作用一致
            catch方法的返回值和then方法的返回值规则一致
        */
        const p1 = new Promise((resolve, reject) => {
            console.log('请求获取A数据');
            try {
                throw new Error('请求网络出现问题')
                setTimeout(() => {
                    console.log('A数据获取成功');
                    resolve('成功')
                }, 1000);
            } catch (e) {
                reject(e.message)
            }
        })
        p1.then(a=>{

        })
        const p2 = p1.catch((a) => {
            console.log('成功A', a);
            const nn = new Promise((resolve, reject) => {
                console.log('请求获取B数据');
                try {
                    throw new Error('请求网络出现问题2')
                    setTimeout(() => {
                        console.log('B数据获取成功');
                        resolve('成功B')
                    }, 1000);
                } catch (e) {
                    reject(e.message)
                }
                
            })
            return nn
        })
        console.log('p2', p2);
    </script>
</body>

</html>